<!DOCTYPE html>
<html lang="zh">
<head>
    <meta charset="UTF-8">
    <title>天气</title>
    <link rel="stylesheet" href="css/style.css">
</head>
<body>
<div class="content">
    <div class="title">
        <h3>查看天气</h3>
    </div>
    <input type="text" id="ipt" placeholder="请输入要查询的天气">
    <div class="cs"><h3 id="city"></h3></div>
    <div class="tq"><span id="tmp"></span>°<span id="now"></span></div>
    <div class="fx"><img src="feng_03.png" alt=""><span id="wind"></span><span id="ji"></span>级</div>
    <div class="cy"><span></span></div>
    <div class="btn">
        <span class="on">分时段预报</span>
    </div>
    <div class="mei">
        <ul>
            <li><p class="p1"></p>
                <p class="p2"></p>
                <p class="p3"></p>
            </li>
            <li>
                <p class="p1"></p>
                <p class="p2"></p>
                <p class="p3"></p>
            </li>
            <li>
                <p class="p1"></p>
                <p class="p2"></p>
                <p class="p3"></p>
            </li>
            <li>
                <p class="p1"></p>
                <p class="p2"></p>
                <p class="p3"></p>
            </li>
            <li>
                <p class="p1"></p>
                <p class="p2"></p>
                <p class="p3"></p>
            </li>
            <li>
                <p class="p1"></p>
                <p class="p2"></p>
                <p class="p3"></p>
            </li>
            <li>
                <p class="p1"></p>
                <p class="p2"></p>
                <p class="p3"></p>
            </li>
        </ul>
    </div>
    <div class="btn">
        <span class="on">生活指数</span>
    </div>
    <div class="hide show">
        <ul>
            <li class="li1">
                <i></i>
                <span id="uv"></span>
                <em>紫外线指数</em>
                <p id="tdt"></p>
            </li>
            <li class="li2">
                <i></i>
                <span id="sport"></span>
                <em>运动</em>
                <p id="spo"></p>
            </li>
            <li class="li3">
                <i></i>
                <span id="flu"></span>
                <em>感冒指数</em>
                <p id="fl"></p>
            </li>
            <li class="li4">
                <i></i>
                <span id="brf"></span>
                <em>穿衣指数</em>
                <p id="drsg"></p>
            </li>
            <li class="li5">
                <i></i>
                <span id="br"></span>
                <em>洗车指数</em>
                <p id="txt"></p>
            </li>
            <li class="li6">
                <i></i>
                <span id="air"></span>
                <em>空气污染扩散指数</em>
                <p id="tlt"></p>
            </li>
        </ul>
    </div>
</div>

<script src="js/script.js"></script>
</body>
</html>